define(function (require) {
    var CHANGECOLOR = require('module/DirectiveModule');

    CHANGECOLOR.directive('scrollchangecolor', function () {
        return {
            scope: {},
            restrict: 'AE',
            controller: function ($element) {
                $(document).scroll(function () {
                    if ($(this).scrollTop() !== 0) {
                        $element.css('background-color', 'rgba(0,0,0,.7)');
                    } else {
                        $element.css('background-color', 'rgba(0,0,0,0)');
                    }

                });
            }
        }
    });
});